<template>
  <!-- <i class="el-icon-full-screen" /> -->
   <el-icon  @click="toggleFullScreen" >
    <FullScreen/>
   </el-icon>
</template>

<script lang="ts" setup>
import { FullScreen } from '@element-plus/icons-vue';
const toggleFullScreen = () => {
  if (!document.fullscreenElement) {
    document.documentElement.requestFullscreen()
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen()
    }
  }
}
</script>

<style lang="scss" scoped></style>
